<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      let str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";

      let cites = [
        { py: "beijing", name: "北京" },
        { py: "alishan", name: "阿里山" },
        { py: "beidaihe", name: "北戴河" },
        { py: "shijiazhuang", name: "石家庄" },
        { py: "hebei", name: "河北" },
      ];

      let datas = {};
      for (let i = 0; i < str.length; i++) {
        datas[str[i]] = [];
      }
    //   console.log(datas);

      cites.forEach(function (item) {
        return datas[item.py[0].toUpperCase()].push(item);
      });
      console.log(datas);

    </script>
  </body>
</html>
